import PropTypes from 'prop-types';
import React, { useState } from '../lib/react/React.js';

function App({ id }) {
  const [count, setCount] = useState(0);
  // return (
  //   <div id={id} className="test">
  //     <ul>
  //       <li>苹果</li>
  //       <li>香蕉</li>
  //       <li>西瓜</li>
  //     </ul>
  //     1111
  //   </div>
  // );
  return (
    <div>
      <span>{count}</span>
      <button
        onClick={() => {
          setCount(count + 1);
        }}
      >
        +
      </button>
      <button
        onClick={() => {
          setCount(count - 1);
        }}
      >
        -
      </button>
    </div>
  );
}

// class App extends React.Component {
//   constructor(props) {
//     super(props);
//   }

//   render() {
//     const { id } = this.props;
//     return (
//       <div id={id} className="test">
//         <ul>
//           <li>苹果</li>
//           <li>香蕉</li>
//           <li>西瓜</li>
//         </ul>
//         1111
//       </div>
//     );
//   }
// }

App.propTypes = {
  id: PropTypes.string.isRequired,
};

export default App;
